@import "../_config.scss";
.designers-activities {
    .item {
        margin-bottom: 30px;

        img {
            width: 100%;
            height: 350px;
            cursor: pointer;
            &:hover {
                opacity: 0.7;
            }
        }
        .info {
            background-color: #fff;
            position: relative;
            padding: 20px;
            h1 {
                font-size: 18px;
                color: #222222;
                margin-top: 0;
                margin-bottom: 15px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                cursor: pointer;
                &:hover {
                    color: $color-private;
                }
            }
            p {
                font-size: 14px;
                color: #666666;
                line-height: 25px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                min-height: 60px;
            }
            .time {
                color: #999999;
            }
        }
        .state {
            position: absolute;
            padding: 10px 25px;
            right: 15px;
            bottom: 0px;
            cursor: pointer;
            &.start {
                background-color: $color-private;
                color: #fff;
            }
            &.end {
                color: #fff;
                background-color: #DDE0E0;
            }
            .triangle {
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 0;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
                border-left: 20px solid #fff;
            }
        }
    }

    .load-more{
        padding: 15px;
        background-color: #fff;
    }
}